<template>
  <view class="app-container">
    <u-input placeholder="请输入手机号码" type="number" style="margin-bottom: 24px" clearable v-model="phone"></u-input>
    <u-button type="primary" text="发送验证码" shape="circle" :disabled="isHasValue" @click="onClick"></u-button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      phone: ''
    }
  },
  computed: {
    isHasValue() {
      return this.phone === ''
    }
  },
  methods: {
    onClick() {
      uni.navigateTo({
        url: '/pages/pwdcode/pwdcode?phone='+this.phone
      })
    }
  }
}
</script>

<style lang="scss"></style>
